Customizing the Time Column

In This Topic

The Time Column is visible in your application when you choose Day View. You can customize the Time Column by editing the Time Column Template. The markup for this template can be found in the Themes/generic.xaml file found here: [ Enter file address when have drop can install ]

You can see the Time Column Template below:

XAML	Copy Code
<!-- determines the template used for the single time interval of a time ruler in a Day view --> <DataTemplate x:Key="C1Scheduler_TimeRuler_Template"> <Grid> <c1sched:TimeRulerHelper Interval="{Binding}" x:Name="helper"/> <Grid Visibility="{Binding IsZeroMinute, ElementName=helper, Converter={StaticResource BooleanToVisibilityConverter}}"> <Rectangle Height="1" Margin="4,0,0,0" Fill="{Binding Path=Scheduler.GridLinesBrush}" HorizontalAlignment="Stretch" VerticalAlignment="Top"/> <TextBlock FontSize="16" Foreground="{Binding Path=Scheduler.ControlForeground}" HorizontalAlignment="Right" Padding="3"> <Run Text="{Binding Hours, ElementName=helper}"/> <Run Text="{Binding Minutes, ElementName=helper}" Typography.Variants="Superscript"/> </TextBlock> </Grid> </Grid> </DataTemplate>

XAML

Copy Code

<!-- determines the template used for the single time interval of a time ruler in a Day view -->
<DataTemplate x:Key="C1Scheduler_TimeRuler_Template">
    <Grid>
        <c1sched:TimeRulerHelper Interval="{Binding}" x:Name="helper"/>
        <Grid Visibility="{Binding IsZeroMinute, ElementName=helper, Converter={StaticResource BooleanToVisibilityConverter}}">
            <Rectangle Height="1" Margin="4,0,0,0" Fill="{Binding Path=Scheduler.GridLinesBrush}"
                HorizontalAlignment="Stretch" VerticalAlignment="Top"/>
            <TextBlock FontSize="16" Foreground="{Binding Path=Scheduler.ControlForeground}" HorizontalAlignment="Right" Padding="3">
                <Run Text="{Binding Hours, ElementName=helper}"/>
                <Run Text="{Binding Minutes, ElementName=helper}" Typography.Variants="Superscript"/>
            </TextBlock>
        </Grid>
    </Grid>
</DataTemplate>